@import "../../base/base";
// 生成维保计划
.main-content.form-edit {
  @include inline;
}

.form-edit .page-form.add-plain {
  @include wid100;
  flex-direction: column;
  .el-input--medium,.el-form-item__label{
    font-size: $sz12;
  }
}

.my-form.add-task .tree {
  width: auto !important;

}

.my-form.add-task .el-form-item {
  @include mgR(40px);
}

.form-edit .page-form.add-plain form {
  @include wid100;
  max-width: 100%;
}

.my-form.add-task .el-form-item__label{
  width: 130px !important;
  font-size: $sz12;
}

.my-form.add-task .el-input--medium .el-input__inner{
  height: 32px;
  line-height: 32px;
}

.my-form.add-task .el-input{
  font-size: $sz12;
}

.my-form.add-task .el-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-size: $sz12;
}

.my-form.add-task .el-input ::-moz-placeholder { /* Mozilla Firefox 19+ */
  font-size: $sz12;
}

.my-form.add-task .el-input :-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-size: $sz12;
}

.my-form.add-task .el-input ::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-size: $sz12;
}

// 维保计划详情
.task-detail {
  @include mgT(5px);
  background-color: $cr-f;
  .content1 {
    @include mgB(40px);
  }
}

.content-area.task-content {
  @include pdA(0px);
}

.page-form .item-title {
  @include wid100;
  @include pdL(40px);
  @include line-height(40);
  height: 40px;
  background-color: #F5F7F9;
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 12px;
}

.page-form .item-title .all {
  @include inline;
  @include rel;
  @include border-radius(2px);
  @include mgR(10px);
  @include mgL(40px);
  display: inline-block;
  position: relative;
  border: 1px solid #dcdfe6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  background-color: $cr-f;
  z-index: 1;
  -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}

.page-form .item-title .all.check {
  background-color: #E69E1B;
  border-color: #E69E1B;
}

.page-form .item-title .all span::after {
  @include abs;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  content: "";
  border: 1px solid $cr-f;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  top: 1px;
  -webkit-transform: rotate(45deg) scaleY(0);
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0.05s;
  transition: -webkit-transform 0.15s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0.05s;
  transition: transform 0.15s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0.05s;
  transition: transform 0.15s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0.05s, -webkit-transform 0.15s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0.05s;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.page-form .item-title .all.check span::after {
  -webkit-transform: rotate(45deg) scaleY(1);
  transform: rotate(45deg) scaleY(1);
}

.search-form {
  max-width: 1200px;
}

.tree > .el-tree-node {
  margin: 30px;
}

.tree .el-tree-node__content {
  height: 40px;
  .el-tree-node__label{
    font-size: $sz12;
    font-weight: bold;
  }
}

.tree > .el-tree-node.is-expanded > .el-tree-node__children {
  display: inline-flex;
  flex-wrap: wrap;
  .el-tree-node__label{
    font-weight: normal;
  }
}


.task-detail .tree > .el-tree-node {
  margin: 0;
}

.tree.hidden .el-tree-node:first-child{
  margin-top:20px;
  >.el-tree-node__content{
    display: none;
  }
}
